import React from "react";

import { uniqueId } from "lodash";

const EmptyPolicies = () => {
  const clipPathId = uniqueId("clip-path-");
  const filterId = uniqueId("filter-");

  return (
    <svg
      width="322"
      height="176"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <circle cx="162.5" cy="101" r="75" fill="#F1F0FF" />
      <path fill="#C5C7D1" d="M161.5 43h1v17h-1z" />
      <circle cx="162.5" cy="24" r="24" fill="#C98DEF" />
      <g clipPath={`url(#${clipPathId})`}>
        <path
          d="M172.566 20.294c0 1.453-.217 3.258-.639 5.01-.424 1.762-1.039 3.403-1.797 4.565-.716 1.099-2.085 2.16-3.724 3.126-1.474.87-3.071 1.61-4.406 2.203-1.335-.593-2.932-1.333-4.406-2.203-1.639-.967-3.008-2.027-3.724-3.126-.758-1.163-1.373-2.803-1.797-4.564-.422-1.753-.639-3.558-.639-5.01V16.37L162 12.768l10.566 3.602v3.924Z"
          stroke="#fff"
          strokeWidth="1.869"
        />
        <path
          d="m166.108 19.313-5.056 5.606-3.318-2.156c-.474-.288-.948-.288-1.264.143-.316.432-.316.863.158 1.15l4.74 3.163 6.162-6.9c.316-.431.316-.863-.158-1.15-.316-.288-.948-.288-1.264.144Z"
          fill="#fff"
        />
      </g>
      <g filter={`url(#${filterId})`}>
        <rect x="1" y="61" width="320" height="80" rx="8" fill="#fff" />
        <rect
          x=".5"
          y="60.5"
          width="321"
          height="81"
          rx="8.5"
          stroke="#C5C7D1"
        />
      </g>
      <rect
        x="13.5"
        y="100.5"
        width="11"
        height="11"
        rx="3.5"
        fill="#fff"
        stroke="#C5C7D1"
      />
      <rect
        x="13.5"
        y="120.5"
        width="11"
        height="11"
        rx="3.5"
        fill="#fff"
        stroke="#C5C7D1"
      />
      <rect x="37" y="103" width="132" height="6" rx="3" fill="#C5C7D1" />
      <rect x="37" y="123" width="44" height="6" rx="3" fill="#E2E4EA" />
      <rect x="85" y="123" width="72" height="6" rx="3" fill="#E2E4EA" />
      <rect x="251" y="103" width="58" height="6" rx="3" fill="#C5C7D1" />
      <rect x="251" y="123" width="34" height="6" rx="3" fill="#E2E4EA" />
      <rect x="181" y="103" width="58" height="6" rx="3" fill="#C5C7D1" />
      <rect x="181" y="123" width="46" height="6" rx="3" fill="#E2E4EA" />
      <path
        d="M321 91.5h.5V69a8.5 8.5 0 0 0-8.5-8.5H9A8.5 8.5 0 0 0 .5 69v22.5H321Z"
        fill="#F9FAFC"
        stroke="#C5C7D1"
      />
      <rect
        x="13.5"
        y="70.5"
        width="11"
        height="11"
        rx="3.5"
        fill="#fff"
        stroke="#C5C7D1"
      />
      <path
        d="M37.924 80v-8.46h1.152l4.548 5.904V71.54h1.428V80h-1.14l-4.56-5.928V80h-1.428Zm10.765.12a2.62 2.62 0 0 1-1.14-.24 2.067 2.067 0 0 1-.78-.672 1.688 1.688 0 0 1-.276-.948c0-.432.112-.772.336-1.02.224-.256.588-.44 1.092-.552.504-.112 1.18-.168 2.028-.168h.42v-.252c0-.4-.088-.688-.264-.864-.176-.176-.472-.264-.888-.264-.328 0-.664.052-1.008.156a4.364 4.364 0 0 0-1.044.456l-.432-1.02c.208-.144.452-.268.732-.372.288-.112.588-.196.9-.252.32-.064.62-.096.9-.096.856 0 1.492.2 1.908.6.416.392.624 1.004.624 1.836V80h-1.404v-.936a1.672 1.672 0 0 1-.648.78c-.296.184-.648.276-1.056.276ZM49 79.088c.392 0 .716-.136.972-.408.264-.272.396-.616.396-1.032v-.264h-.408c-.752 0-1.276.06-1.572.18-.288.112-.432.32-.432.624 0 .264.092.48.276.648.184.168.44.252.768.252Zm4.342.912v-5.868h1.464v.9c.176-.32.42-.568.732-.744a2.086 2.086 0 0 1 1.08-.276c.88 0 1.456.384 1.728 1.152.184-.36.448-.64.792-.84a2.228 2.228 0 0 1 1.176-.312c1.32 0 1.98.804 1.98 2.412V80h-1.5v-3.516c0-.448-.076-.776-.228-.984-.144-.208-.392-.312-.744-.312-.392 0-.7.14-.924.42-.224.272-.336.652-.336 1.14V80h-1.5v-3.516c0-.448-.076-.776-.228-.984-.144-.208-.388-.312-.732-.312-.392 0-.7.14-.924.42-.224.272-.336.652-.336 1.14V80h-1.5Zm13.391.12c-.663 0-1.235-.124-1.715-.372s-.853-.6-1.117-1.056c-.255-.456-.383-.996-.383-1.62 0-.608.123-1.14.372-1.596a2.79 2.79 0 0 1 1.044-1.068 2.945 2.945 0 0 1 1.523-.396c.832 0 1.489.264 1.969.792.487.528.731 1.248.731 2.16v.444h-4.2c.112 1.048.713 1.572 1.8 1.572.329 0 .657-.048.985-.144.328-.104.628-.264.9-.48l.42 1.008c-.28.232-.633.416-1.056.552a4.144 4.144 0 0 1-1.273.204Zm-.215-5.088c-.44 0-.797.136-1.069.408-.272.272-.436.64-.492 1.104h2.953c-.032-.488-.168-.86-.409-1.116-.231-.264-.56-.396-.983-.396ZM183.94 80v-3.888l-3.252-4.572h1.788l2.256 3.204L187 71.54h1.716l-3.24 4.584V80h-1.536Zm7.154.12c-.664 0-1.236-.124-1.716-.372s-.852-.6-1.116-1.056c-.256-.456-.384-.996-.384-1.62 0-.608.124-1.14.372-1.596a2.79 2.79 0 0 1 1.044-1.068 2.945 2.945 0 0 1 1.524-.396c.832 0 1.488.264 1.968.792.488.528.732 1.248.732 2.16v.444h-4.2c.112 1.048.712 1.572 1.8 1.572.328 0 .656-.048.984-.144.328-.104.628-.264.9-.48l.42 1.008c-.28.232-.632.416-1.056.552a4.144 4.144 0 0 1-1.272.204Zm-.216-5.088c-.44 0-.796.136-1.068.408-.272.272-.436.64-.492 1.104h2.952c-.032-.488-.168-.86-.408-1.116-.232-.264-.56-.396-.984-.396Zm5.976 5.088c-.496 0-.96-.06-1.392-.18a3.084 3.084 0 0 1-1.08-.516l.384-.984c.296.2.628.356.996.468.368.104.736.156 1.104.156.384 0 .668-.064.852-.192a.621.621 0 0 0 .288-.528c0-.336-.248-.552-.744-.648l-1.2-.228c-1.016-.192-1.524-.72-1.524-1.584 0-.384.104-.716.312-.996.216-.28.512-.496.888-.648a3.437 3.437 0 0 1 1.296-.228 4 4 0 0 1 1.2.18c.384.112.712.284.984.516l-.408.984a2.641 2.641 0 0 0-.84-.456 2.793 2.793 0 0 0-.924-.168c-.392 0-.684.068-.876.204a.64.64 0 0 0-.276.54c0 .352.228.568.684.648l1.2.228c.52.096.912.272 1.176.528.272.256.408.6.408 1.032 0 .584-.228 1.044-.684 1.38-.456.328-1.064.492-1.824.492ZM251.924 80v-8.46h1.152l4.548 5.904V71.54h1.428V80h-1.14l-4.56-5.928V80h-1.428Zm11.509.12c-.608 0-1.136-.124-1.584-.372a2.602 2.602 0 0 1-1.044-1.056c-.248-.464-.372-1.008-.372-1.632 0-.624.124-1.164.372-1.62a2.602 2.602 0 0 1 1.044-1.056c.448-.248.976-.372 1.584-.372.608 0 1.136.124 1.584.372.448.248.796.6 1.044 1.056.248.456.372.996.372 1.62 0 .624-.124 1.168-.372 1.632a2.602 2.602 0 0 1-1.044 1.056c-.448.248-.976.372-1.584.372Zm0-1.14c.448 0 .808-.16 1.08-.48.272-.328.408-.808.408-1.44 0-.64-.136-1.116-.408-1.428-.272-.32-.632-.48-1.08-.48-.448 0-.808.16-1.08.48-.272.312-.408.788-.408 1.428 0 .632.136 1.112.408 1.44.272.32.632.48 1.08.48Z"
        fill="#8B8FA2"
      />
      <defs>
        <clipPath id={clipPathId}>
          <path fill="#fff" transform="translate(150.5 11)" d="M0 0h23v26H0z" />
        </clipPath>
        <filter
          id={filterId}
          x="0"
          y="60"
          width="322"
          height="87"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feColorMatrix
            in="SourceAlpha"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feMorphology
            radius="5"
            in="SourceAlpha"
            result="effect1_dropShadow_315_618"
          />
          <feOffset dy="7" />
          <feGaussianBlur stdDeviation="1.5" />
          <feColorMatrix values="0 0 0 0 0.0980392 0 0 0 0 0.129412 0 0 0 0 0.278431 0 0 0 0.1 0" />
          <feBlend
            in2="BackgroundImageFix"
            result="effect1_dropShadow_315_618"
          />
          <feBlend
            in="SourceGraphic"
            in2="effect1_dropShadow_315_618"
            result="shape"
          />
        </filter>
      </defs>
    </svg>
  );
};

export default EmptyPolicies;
